<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>闪烁打印文字的特效201127</title>
    </head>
    <body>
    <p>将javascript封装成jQuery插件：文字打印插件,文字自动输入</p>
		<div id="textWrap">田野上，麦苗返青，一望无际。仿佛绿色的波浪。<br>那金黄色的野菜花，在绿波中闪光。</div>
		<hr>
		<div id="textWrap1">田野上，麦苗返青，一望无际。仿佛绿色的波浪。<br>那金黄色的野菜花，在绿波中闪光。</div>

	<script src="js/jquery-1.11.1.min.js"></script>
    <script>
	    $(function(){
	    	// typeWriter('#textWrap');
	    	// typeWriter('#textWrap1');
	    	$('#textWrap').typeWriter1();
	    	$('#textWrap1').typeWriter1();
	    })
	    function typeWriter(id){
	    	var $ele=$(id);
	    	var $txt=$ele.html(),$step=0;
	    	$ele.html('');

	    	var timer=setInterval(function(){
	    		var cur=$txt.substr($step,1);
	    		if(cur=='<'){
	    			$step=$txt.indexOf('>',$step)+1;
	    		}else{
	    			$step++;
	    		}
    			$ele.html($txt.substring(0,$step)+($step&1?'_':''));  //&为运算符与，该方程式，能判断奇偶
    			if($step>=$txt.length){
    				clearInterval(timer);
    			}
    		}, 176)
	    }
	    // 对上述代码封装成jQuery插件
	    ($.fn.typeWriter1=function(){
	    	var $ele=$(this),$txt=$ele.html(),$step=0;
	    	$ele.html('');

	    	var timer=setInterval(function(){
	    		var cur=$txt.substr($step,1);
	    		if(cur=='<'){
	    			$step=$txt.indexOf('>',$step)+1;
	    		}else{
	    			$step++;
	    		}
    			$ele.html($txt.substring(0,$step)+($step&1?'_':''));  //&为运算符与，该方程式，能判断奇偶
    			if($step>=$txt.length){
    				clearInterval(timer);
    			}
    		}, 176)
	    })(jQuery);
    </script>
    </body>
</html>